/* Sidebar */
.sidebar {
  width: 100%;
}
/* 按钮收起展开 */
.navbar-toggler {
  position: fixed;
  z-index: 102;
  top: 89px;
  left: 190px;
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.sidebar-icon-only .navFrame {
  width: 70px;
}
.nav-item i.menu-icon {
  position: absolute;
  display: inline-block;
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  color: var(--main-darkMode-text-color);
  background-color: var(--main-lightMode-navListBg-color);
  font-style: normal;
  font-size: var(--main-desktop-font-MidSize);
}
.nav-item i.menu-icon .menu-num {
  position: absolute;
  top: 15px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 12px;
  text-align: center;
  color: var(--main-darkMode-text-color);
  background-color: var(--main-lightMode-iconBg-color);
  font-style: normal;
  font-size: var(--main-desktop-font-MinSize);
}
.sidebar .nav .nav-item h2 { 
  text-align: center;
  font-size: 1.125rem;
  font-weight: bold;
}
.sidebar .nav .nav-item h2 a { 
  padding-left: 0;
}
.sidebar .nav .nav-item.title {
  background-color: var(--main-lightMode-lightBg-color);
}
.sidebar .nav .nav-item.home {
  background-color: #69717c;
}
.sidebar .nav .nav-item.home i.menu-icon {
  background-color: var(--main-primary-color);
}
.sidebar .nav .nav-item.home i.menu-icon:last-child {
  z-index: 100;
  top: 0;
  right: 0;
  background-color: #78808e;
  border-left: solid 1px #646c7c;
  width: 40px;
  color: var(--main-darkMode-text-color);
  font-weight: normal;
  cursor: pointer;
}
.sidebar .nav .nav-item.home a {
  color: var(--main-darkMode-text-color);
}
.sidebar .nav li {
  position: relative;
  background-color: var(--main-lightMode-navListBg-color);
  border-top: solid 1px var(--main-lightMode-lightBg-color);
  border-bottom: solid 1px var(--main-lightMode-lightBg-color);
}
.sidebar .nav li a {
  display: inline-block;
  width: 100%;
  height: 43px;
  line-height: 43px;
  padding-left: 50px;
  font-weight: bold;
  /* padding: var(--screen-content-padding-top-bottom) 0; */
}
.sidebar .nav li a.active {
  color: var(--main-primary-color);
  /* color: #4d83ff; */
  background: transparent;
}
.sidebar .nav li a i.menu-icon {
  background-color: transparent;
  right: 0;
  color: var(--main-secondarytext-color);
  position: absolute;
  display: inline-block;
  width: 43px;
  text-align: center;
  font-style: normal;
  font-size: 20px;
}
.sidebar .nav li a.active i.menu-icon {
  color: var(--main-primary-color);
  /* color: #4d83ff; */
  background: transparent;
}
.sidebar .nav li li {
  background-color: var(--main-lightMode-lightBg-color);
  padding-left: var(--screen-desktop-padding-left-right);
}
.sidebar .nav li li a {
  display: block;
  padding: var(--screen-min-padding-top-bottom) 0;
}
.sidebar .nav .sub-menu {
  display:none;
  background-color: var(--main-lightMode-lightBg-color);
  padding: var(--screen-min-padding-top-bottom) 0;
  padding-left: var(--screen-desktop-padding-left-right);
}
.sidebar .nav .sub-menu.open{
  display:block;
}
.sidebar .nav .sub-menu .nav-item .nav-link {
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 10px;
}
.sidebar .nav .sub-menu .nav-item .nav-link.active {
  color: var(--main-primary-color);
  /* color: #4d83ff; */
  background: transparent;
}
.sidebar .nav .sub-menu .nav-item .nav-link i.menu-icon {
  background-color: transparent;
  right: 0;
  color: var(--main-secondarytext-color);
  position: absolute;
  display: inline-block;
  width: 43px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-style: normal;
  font-size: 20px;
}
.sidebar .nav .sub-menu .nav-item .nav-link.active i.menu-icon {
  color: var(--main-primary-color);
  background-color: transparent;
}
.sidebar .nav .sub-menu  .nav-item .sub-menu .nav-item{
  padding-left:5px;
  margin-left:15px;
}
.sidebar .nav .sub-menu .nav-item li .nav-link::before {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #656565;
  margin-top: 12px;
  margin-left: -15px;
} 
.sidebar .nav.sub-menu .nav-item li .nav-link.hover::before, .sidebar .nav.sub-menu .nav-item li .nav-link.active::before {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #000;
  margin-top: 0;
  margin-left: -15px;
}